<template>
  <div class="v-simulation-scene">
    <div class="scenes">
      <scene-tree :treeData="sceneTreeData"></scene-tree>
    </div>
  </div>
</template>
<script lang="ts" setup>
import SceneTree from "./SceneTree.vue";
import { computed, watch } from "vue";
import { controller } from "@/engine/Controller";

const sceneTreeData = computed(() => controller.sceneService.sceneTreeData);

</script>
<style lang="scss">
.v-simulation-scene {
  height: 100%;
  ._panel-content {
    padding: 0px 16px;
    overflow: auto;
    max-height: calc(100% - 40px);
    .__log-time {
      color: #969899;
    }
  }
  .scenes {
    height: calc(100%);
    padding-left: 10px;
    overflow: auto;
  }
}
</style>
